<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教育资源-教师资源</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/teacherSpaceMain.css">
</head>
<body>
	<div id="header"></div>
	<div class="mainBg">
		<div class="mainBgMid clearfix">
			<div class="leftNav">
			</div>
			<div class="rightBar">
				<p class="rightTit">编辑个人资料</p>
				<ul class="newUl">
					<li>账号：000</li>
					<li>姓名：  王老师</li>
					<li>手机号：137****6037 <a class="changeBtn" href="queryAccount.html">更改</a></li>
					<li>邮箱：未绑定邮箱账号，立即 <a class="changeBtn" href="accoutSafeBindEmail.html">绑定</a></li>
					<li class ="lastLi">
						性别：
						<input type="radio" id="man" name="sex" class="checkbox22" />
						<label for="man"  class="longFollow"></label>
						<label for="man">男</label>
						<input type="radio" name="sex" id="woman" class="checkbox22" />
						<label for="woman" class="longFollow"></label>
						<label for="woman">女</label>
					</li>
				</ul>
<!-- 				Secret Protection -->
				<ul class="newUlTwo">
					<li>
						所在学校：还未加入学校，
						<a class="changeBtn" href="applySchool.html"> 申请加入学校</a>
					</li>
					<li>岗位支撑：无岗位职称</li>
					<li>
						主教学科：
						<select class="selectChice">
							<option>请选择学校</option>
							<option>请选择学校2</option>
							<option>请选择学校3</option>
							<option>请选择学校4</option>
						</select>
						<select class="selectChice">
							<option>请选择科目</option>
							<option>请选择科目2</option>
							<option>请选择科目3</option>
							<option>请选择科目4</option>
						</select>
					</li>	
					<li class="xsSmall">
						<label class="leftLabel">任教教材：</label>
							<select class="selectChice">
								<option>请选择学校</option>
								<option>请选择学校2</option>
								<option>请选择学校3</option>
								<option>请选择学校4</option>
							</select>
							<select class="selectChice">
								<option>请选择科目</option>
								<option>请选择科目2</option>
								<option>请选择科目3</option>
								<option>请选择科目4</option>
							</select>
							<select class="longSelect">
								<option>请选择教材版本</option>
								<option>请选择教材版本11</option>
								<option>请选择教材版本22</option>
								<option>请选择教材版本33</option>
							</select>
							<span class="classClosed"></span>
					</li>
					<li>
						<span class="addBook">新增教材</span>	
					</li>
				</ul>
				<ul class="newUl3">
					<li class="posRes">
						<label>个性签名：</label>
						<textarea class="textArea" maxLength="50"></textarea>
						<p class="tipShow">还能输入50字</p>
					</li>
					<li class="posRes">
						<label>个人简历：</label>
						<textarea class="textArea" maxLength="50"></textarea>
						<p class="tipShow">还能输入50字</p>
					</li>
				</ul>
				<a class="btnMake">更新设置</a>
			</div>	
		</div>
	</div>

	<div class="footerBot"></div>
	<script src="./js/jquery.js"></script>
	<script src="./js/fxtpl.plus.js"></script>
	<script>
	// header click
	var header = Fxtpl.render('./weight/header.html');
	$('#header').html(header);
	//leftBar teacher
	var sildeBar = { rankNum:1};
	var leftNavBar = Fxtpl.render('./weight/LeftsideBar.html',sildeBar);
	$(".leftNav").html(leftNavBar);
	// headClick
	$(".trigle").on("click",function(){
		if($(this).siblings(".showHide").hasClass("show")){
			$(this).siblings(".showHide").removeClass("show");
		}else{
			$(this).siblings(".showHide").addClass("show");
		}
	});

	$(".addBook").on("click",function(){
		var lineStr = "<li class='xsSmall'>";
			    lineStr += "<span class='leftLabel'></span>";
				lineStr += "<select class='selectChice'>";
					lineStr +="<option value = '请选择学校' >请选择学校</option>";
					lineStr +="<option value = '请选择学校111'>请选择学校11</option>";
					lineStr +="<option value = '请选择学校22'>请选择学校22</option>";
					lineStr +="<option value = '请选择学校333'>请选择学校33</option>";
				lineStr +="</select>";
				lineStr += "<select class='selectChice'>";
					lineStr +="<option value = '请选择科目' >请选择科目</option>";
					lineStr +="<option value = '请选择科目11'>请选择科目11</option>";
					lineStr +="<option value = '请选择科目22'>请选择科目22</option>";
					lineStr +="<option value = '请选择科目33'>请选择科目33</option>";
				lineStr +="</select>";
				lineStr += "<select class='longSelect'>";
					lineStr +="<option value = '请选择教材版本' >请选择教材版本</option>";
					lineStr +="<option value = '请选择教材版本11' >请选择教材版本11</option>";
					lineStr +="<option value = '请选择教材版本22' >请选择教材版本22</option>";
					lineStr +="<option value = '请选择教材版本33' >请选择教材版本33</option>";
				lineStr +="</select>";
				lineStr +="<span class='classClosed'></span>";
			lineStr +="</li>";
		$(this).parent("li").before(lineStr);
		// 添加上高度自适应
		var autoHeight = $(".rightBar").css("height");
		$(".leftNav").css("height",autoHeight);
	});
	</script>
</body>	
</html>